<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:replace="common/common :: common-head"/>
    <link rel="stylesheet" th:href="@{/static/auth/css/login.css}">
    <script th:src="@{/static/auth/js/login.js}"></script>
    <title>Title</title>
</head>
<body class="login-page">
    <div class="login-box">
        <div class="login-logo">
            <a th:href="@{/index}"><b>登录</b>shiro工程</a>
        </div>

        <div class="card">
            <div class="card-body login-card-body">
                <p class="login-box-msg">11111</p>
                <form id="login-form" method="post" th:action="@{/login}">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" id="userName" name="userName" placeholder="用户名" required/>
                        <div class="input-group-append">
                            <span class="input-group-text"><span class="fas fa-user"></span></span>
                        </div>
                        <div class="invalid-tooltip"></div>
                    </div>
                    <div class="input-group mb-3">
                        <input type="password" id="password" name="password" class="form-control" placeholder="密码" required/>
                        <div class="input-group-append">
                            <span class="input-group-text"><span class="fas fa-lock"></span></span>
                        </div>
                        <div class="invalid-tooltip"></div>
                    </div>
                    <div class="row">
                        <div class="col-8">
                            <div class="icheck-primary">
                                <input type="checkbox" id="remember">
                                <label for="remember">
                                    Remember Me
                                </label>
                            </div>
                        </div>

                        <div class="col-4">
                            <button class="btn btn-primary btn-block" type="button">登录</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
<script type="application/javascript">
    login.init();
</script>
</html>
